/*															*/
/* Framework 0.98											*/
/*															*/
/* Copyright 2010, Licensed under the MIT license.			*/
/* http://innovator.samsungmobile.com/						*/
/*															*/
/*															*/

/* @Framework_Ver 0.98 */

/* Common Setting */


* { 
	margin: 0;
	padding: 0; 
}

html { 
	height: 100%; 
	background-color: #000; 
	font-family: gp_latin; 
}

body { 
	height: 100%; 
}

img { 
	border: none; 
}

li { 
	list-style: none; 
}

.widgetWrap {
	width: 480px;
	height: 762px;
	position: absolute;
	top: 0;
	left: 0px;
	overflow: hidden; 
	display: none;
}

.blackBlank { 
	display: none; 
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	background-color: #000; 
	opacity: 0.7; 
	z-index: 499;
}

.whiteBlank { 
	display: none; 
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	z-index: 499;
}

.idle {
	width: 400px; 
	height: 200px;
	display: none; 
	background: url('img/bg_idle.png') 0 0 no-repeat;
	overflow: hidden;

}

.idle div {
	width: 320px;
	height: 85px;
	margin: 63px 0 0 20px;
	color: #666;
	font-size: 30px;
}


.cc {
	padding: 20px;
	color: #666;
	font-size: 28px;
	position: relative;
	overflow: hidden;
}

.handsPointer {
	cursor: pointer;

}

.subScene {
 display: none;
 width: 480px;
 height: 530px;
 overflow-x: hidden;
 overflow-y: auto;
 position: absolute; 
}

/* Gradient Color Set */

.c_red {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ba3939), to(#751919)) !important
}

.c_green {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8fba3a), to(#567519)) !important
}

.c_brown {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ba8f3a), to(#755619)) !important
}

.c_violet {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8f3aba), to(#561975)) !important
}

.c_pink {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ba3aba), to(#751975)) !important
}

.c_greyLight {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#676767)) !important
}

.c_Turquoise {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3abaa5), to(#197566)) !important
}

.c_blue {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3989ba), to(#194e76)) !important
}

.c_darkBlue {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24618e), to(#07273f)) !important
}

.c_grey {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333)) !important
}

.c_aquaBlue {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24a6c4), to(#0d6da9)) !important
}





/* Scene */
.scene { 
	width: 100%; 
	position: absolute; 
	left: 0; 
	background: #d9d9d9;
	overflow: hidden;
	overflow-y: auto;
	display: none;
	z-index: 101;
}

.sceneBackground {
	width: 100%;; 
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	opacity: 0.25;
	
}

.sceneBackground.image1 {	
	background-image: url('img/frameworkbg1.jpg');
}
.sceneBackground.image2 {	
	background-image: url('img/frameworkbg2.jpg');
}
.sceneBackground.image3 {	
	background-image: url('img/frameworkbg3.jpg');
}
.sceneBackground.image4 {	
	background-image: url('img/frameworkbg4.jpg');
}
.sceneBackground.image5 {	
	background-image: url('img/frameworkbg5.jpg');
}
.sceneBackground.image6 {	
	background-image: url('img/frameworkbg6.jpg');
}
.sceneBackground.image7 {	
	background-image: url('img/frameworkbg6.jpg');
}
.sceneBackground.image8 {	
	background-image: url('img/frameworkbg6.jpg');
}

.sceneWrap {
	width: 100%; 
	position: absolute; 
	overflow: hidden;
	overflow-y: auto;
}

.scenes{
	width: 480px;
	position: absolute;
	overflow: hidden;
	top: 17px;
}

/* Title */
.title {
	width: 100%; 
	height: 55px;
	line-height: 55px; 
	position: absolute;
	top: 17px;
	left:0;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #000;
	overflow: hidden; 
	font-size: 34px;
	text-align: center; 
	z-index: 100;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3989ba), to(#194e76));
	text-indent: 20px;
	color: #fff;
}


.title, /* Default Radius Setting */
.title > img,
.title > div {
	-webkit-border-top-left-radius : 10px;
	-webkit-border-top-right-radius : 10px;
}

.title.round,
.title.round > img,
.title.round > div {
	-webkit-border-top-left-radius : 15px;
	-webkit-border-top-right-radius : 15px;
}

.title.round.big,
.title.round.big > img,
.title.round.big > div {
	-webkit-border-top-left-radius : 25px;
	-webkit-border-top-right-radius : 25px;
}

.title.round.small,
.title.round.small > img,
.title.round.small > div {
	-webkit-border-top-left-radius : 10px;
	-webkit-border-top-right-radius : 10px;
}

.title .glow {
	width: 100%;
	height: 55px;
	background-image: url('img/bg_title_gradient.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	position: absolute; 
	top: 0;
	left: 0;
	display: none; 
}

.title .pattern {
	width: 100%;
	height: 55px;
	background: url('img/bg_title_pattern.png') 0 0 repeat-x;
	position: absolute; 
	top: 0;
	left: 0;
	display: none; 
}

.titleShadow {
	background: url('img/bg_title_shadow.png') 0 0 repeat-x;
	position: absolute;
	z-index: 300;
	top: 72px;
	left: 0; 
	width: 480px;
	height: 5px; 
	display: none;
}

.title img {
	display: block;
}


/* Setting Title */
.setTitle {
	width: 480px; 
	height: 40px;
	line-height: 40px; 
	position: absolute;
	top: 17px;
	left:0;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #000;
	overflow: hidden; 
	font-size: 22px;
	text-align: left; 
	z-index: 100;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3989ba), to(#194e76));
	text-indent: 20px;
	display: none;
	color: #fff;
}

.setTitle, /* Default Radius Setting */
.setTitle > img,
.setTitle > div {
	-webkit-border-top-left-radius : 10px;
	-webkit-border-top-right-radius : 10px;
}


.setTitle.round,
.setTitle.round > img,
.setTitle.round > div {
	-webkit-border-top-left-radius : 15px;
	-webkit-border-top-right-radius : 15px;
}

.setTitle.round.big,
.setTitle.round.big > img,
.setTitle.round.big > div {
	-webkit-border-top-left-radius : 25px;
	-webkit-border-top-right-radius : 25px;
}

.setTitle.round.small,
.setTitle.round.small > img,
.setTitle.round.small > div {
	-webkit-border-top-left-radius : 10px;
	-webkit-border-top-right-radius : 10px;
}

.setTitle .glow {
	width: 100%;
	height: 40px;
	background: url('img/bg_title_gradient.png') 0 -7px repeat-x;
	position: absolute; 
	top: 0;
	left: 0;
	display: none; 
}

.setTitle .pattern {
	width: 100%;
	height: 40px;
	background: url('img/bg_title_pattern.png') 0 0 repeat-x;
	position: absolute; 
	top: 0;
	left: 0;
	display: none; 
}

.setTitleShadow {
	background: url('img/bg_title_shadow.png') 0 0 repeat-x;
	position: absolute;
	z-index: 300;
	top: 57px;
	left: 0; 
	width: 480px;
	height: 5px; 
	display: none;
}

.setTitle img {
	display: block;
}


/* List */
.list {
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.list > ul > li > .glow {
	background: url('img/bg_list_gradient.png') 0 0 repeat-x; 
	position: absolute;
	width: 100%;
	height: 80px;
	display: none; 
	top: 0;
	left: 0;
	z-index: 20;
}

.list .subTit{
	height: 40px;
	color: #fff;
	font-size: 22px;
	line-height: 40px;
	background-color: #2b2b2b;
	background-position: 0 0;
	background-repeat: repeat;
	text-indent: 20px;

}

.list > ul > li {
	font-size: 30px; 
	overflow: hidden;
	line-height: 60px;
	position: relative;
	padding: 0 20px;
	color: #7f0202;
}

.list > ul > li .list > ul > li {
	font-size: 30px; 
	overflow: hidden;
	line-height: 60px;
	position: relative;
	padding: 0 20px;
	color: #7f0202;
}

.list > ul > li .listLineTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #bdbdbd;
	display: none;
}

.list > ul > li .listLineBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #bdbdbd;
	
}

.list > ul > li.multiLine {
	line-height: inherit !important;
	padding-top: 16px;
	padding-bottom: 16px;
}

.accordion .list > ul > li.multiLine {
	line-height: 30px !important;
	padding-top: 16px;
	padding-bottom: 16px;
}

.list > ul > li.multiLine .innerCom {
	margin-top: 10px;
}

.list > ul > li .txt,
.list > ul > li .subTxt {
	display: block; 
}

.list > ul > li.focus {
	background: #13aace;
	color: #fff;
}

.list > ul > li.focus .subTxt {
	color: #fff !important;
	opacity: 0.8;
}

.list > ul > li .subTxt {
	color: #666;
	word-wrap: break-word;
	overflow: hidden;
	font-size: 24px;
	margin-top: 7px;
}

/* Text + image */
.list > ul > li.img{
	padding-left: 0;
	padding-right: 0;
}

.list > ul > li .img{
	float: left;
	margin: 14px; 
}

.list > ul > li .img img{
	display: block;
	width: 90px;
	height: 90px; 
}

.list > ul > li .img.ico img{
	width: 70px;
	height: 70px; 
}

.list > ul > li.multiLine.img .img{
	margin-top: 0;
	margin-bottom: 0;
	
}


/* Text + image type2 */
.list > ul > li.img2 {
	padding-left: 0;
	padding-right: 0;
}

.list > ul > li.img2 .txt{
	width: auto;
	float: none;
	padding-left: 14px;
	margin-bottom: 10px;
}

.list > ul > li.img2 .img{
	float: left;
	margin: 14px; 
}

.list > ul > li.img2 .img img{
	display: block;
	width: 75px;
	height: 75px; 
	clear: both;
}

.list > ul > li.multiLine.img2 .img{
	margin-top: 0;
	margin-bottom: 0;
	
}


/* Icon List Background */
.list > ul > li .ico1{
	width: 80px;
	height: 80px;
	background: url("img/ico1.png") center center no-repeat;
}

.list > ul > li .ico2{
	width: 80px;
	height: 80px;
	background: url("img/ico2.png") center center no-repeat;
}

.list > ul > li .ico3{
	width: 80px;
	height: 80px;
	background: url("img/ico3.png") center center no-repeat;
}

.list > ul > li .ico4{
	width: 80px;
	height: 80px;
	background: url("img/ico4.png") center center no-repeat;
}

.list > ul > li .ico5{
	width: 80px;
	height: 80px;
	background: url("img/ico5.png") center center no-repeat;
}

.list > ul > li .ico6{
	width: 80px;
	height: 80px;
	background: url("img/ico6.png") center center no-repeat;
}

.list > ul > li .ico7{
	width: 80px;
	height: 80px;
	background: url("img/ico7.png") center center no-repeat;
}

.list > ul > li .ico8{
	width: 80px;
	height: 80px;
	background: url("img/ico8.png") center center no-repeat;
}


/* Accordion */
.list > ul > li.accordion {
	padding: 0;
}


.list > ul > li.accordion span {
	display: block;
	
	padding: 0 20px;
}

.list > ul > li.accordion .subBack{
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 0; 
	left:0;
	z-index: 5;
}

.list > ul > li.accordion > div.accCon {
	position: absolute; 
	visibility: hidden;
	overflow: hidden; 
	-webkit-transition-property : height;
	-webkit-transition-duration : 0.3s;
	background-color: #f4f4f4;
}


.list > ul > li.accordion .list li {
	color: #333;
}



.list > ul > li.accordion > div.accCon.on {
	position: static; 
	visibility: visible;
	height: 0;
}

.list > ul > li.accordion .accClose {
	height: 0 !important;
}


.list > ul > li.accordion .ico_accordion {
	position: absolute;
	width: 36px;
	height: 36px;
	top: 15px; 
	right: 20px;
	background: url('img/ico_accordion_down.png') center center no-repeat; 
}


.list > ul > li.accordion .ico_accordion.on {
	background-image: url('img/ico_accordion_up.png');
}





.innerCom{
	width: 40px;
	position: relative;
	float: right;
	height: 40px;
	margin-top: 20px;
}

/* Checkbox */

.symCheck{
	width: 40px;
	height: 40px;
	background: url('img/bg_checkbox.png') 0 bottom no-repeat;
	position: absolute;
}

.symCheck.on{
	background-image: url('img/bg_checkbox_on.png');
}

.symCheck.on > div{
	display: block !important;
}

.comCheckboxObj1 { 
	width: 8px;
	height: 20px;
	background-color: #00deff;
	-webkit-border-radius: 4px;
	position: absolute;
	-webkit-transform: rotate(315deg);
	top: 13px;
	left: 12px;
	display: none;
}

.comCheckboxObj2 { 
	width: 7px;
	height: 33px;
	background-color: #00deff;
	-webkit-border-radius: 6px;
	position: absolute; 
	-webkit-transform: rotate(45deg);
	top: 0;
	right: 5px;
	display: none;
}


/* Onoff */
.symOnoff{
	width: 40px;
	height: 40px;
	background: url('img/bg_onoff.png') center center no-repeat;
	position: absolute;
}


.symOnoff.on .symOnoffOnBg{
	display: block; 
}

.symOnoffOnBg{
	background: url('img/bg_onoff_on.png') center center no-repeat;
	width: 24px;
	height: 23px;
	position: absolute;
	top: 9px;
	left: 8px;
	display: none;
	-webkit-border-radius: 12px;
	position: absolute;
	background-color: #037cc1;
}


/* Delete Item*/
/*
.delItem { 
	-webkit-transition-property : opacity, height, padding;
	-webkit-transition-duration : 0.4s;
	opacity : 1.0;
	overflow: hidden;
}

.delItemOn {
	opacity: 0;
	height: 0; 
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.symDelete { 
	background: url('img/bg_delete.png') 0 0 no-repeat; 
	width: 40px;
	height: 40px; 
}
*/

/* Radio */

.symRadio { 
	width: 40px; 
	height: 40px;  
	background: url('img/bg_radio.png') 0 0  no-repeat;
	position: relative;
}

.symRadio.on .comRadioObj,
.symRadio.on .comRadioOnShadow {
	display: block !important;;
}


.comRadioObj {
	width: 28px;
	height: 28px;
	position: absolute;
	background: #159bd4 url('img/bg_radiogradient.png') 0 0 no-repeat;
	-webkit-border-radius: 14px;
	top: 6px;
	left: 6px;
	z-index: 2;
	display: none;
}

.comRadioOnShadow {
	width: 28px;
	height: 28px;
	position: absolute;
	background: #2f363b;
	-webkit-border-radius: 14px;
	top: 7px;
	left: 6px;
	z-index: 1;
	display: none;
}




/* RSS Time */
.rssTime {
	position: absolute;
	height: 30px;
	background-color: #5e5e5e;
	font-size: 18px;
	text-indent: 20px;
	width: 100%;
	bottom: 70px;
	left: 0;
	z-index: 100;
	line-height: 30px;
	display: none;
	color: #fff;
}

/* Value Setting */
/*

.list > ul > li.valueSetting {
	height: 114px;
	line-height: 36px;
}

.list > ul > li.valueSetting .itemTxt {
	margin-top: 10px;
	font-size: 30px;
	color: #7f0202;

}

.list > ul > li.valueSetting .valueTxt {
	margin-top: 10px;
	font-size: 38px;
	color: #666;
}

.list > ul > li.valueSetting .icoArrRight {
	position: absolute;
	width: 15px;
	height: 25px;
	top: 45px;
	right: 15px;
	background-image: url('img/ico_arrow_right.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.list > ul > li.inputSetting {
	height: 114px;
	line-height: 36px;
}

.list > ul > li.inputSetting input	{
	background: #fff;
	-webkit-border-radius: 4px;
	border :1px solid ##8e8e8e;
	color: #000;
	font-size: 34px;
	line-height: 60px;
	height: 60px;
	width: 440px;

}

.list > ul > li.inputSetting .itemTxt {
	margin-top: 5px;
	font-size: 30px;
	color: #fff;

}
*/

/* Tab */
/*
.tab {
	width: 480px;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #313131;
	overflow: hidden; 
	position: relative; 
}

.tab.row2 li {
	line-height: 24px;
	padding-top: 15px;
	font-size: 24px;
}

.tab.row2 li .tabBorder{
	height: 73px;
}

.tab.row2 .glow{
	background-position: 0 -9px;
}

.tab .glow {
	width: 100%;
	height: 58px;
	background-image: url('img/bg_tab_gradient.png');
	background-position: 0 -20px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
}

.tab li {
	height: 58px;
	float: left;
	color: #fff;
	font-size: 28px;
	text-align: center; 
	position: relative;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#676767));
	line-height: 58px;
	padding: 0 10px;
}

.tab li:last-child .tabBorder{
	border-right: none;
}

.tab li .tabBorder {
	height: 58px;
	border-right: 1px solid #616161;
	border-left: 1px solid #959595;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.35;
}

.tab li.on {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24618e), to(#07273f));
	color: #fff;
}

.tab li.on .tabBorder {
	display: none;
}

.tab li.on .innerGrd {
	display: block;
}

.tab .innerGrd {
	width: 100%;
	background: url('img/bg_tab_inner.png') 0 0 repeat-x;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
*/



/* Tab Type2 */
/*
.tab2 {
	width: 100%;
	height: 77px;	
	overflow: hidden; 
	position: relative; 
	border-bottom: 3px solid #2c83a8;
	background-color: #000; 
	background-position: 0 0;
	background-repeat: no-repeat;
}

.tabShadow {
	background: url('img/bg_title_shadow.png') 0 0 repeat-x;
	position: absolute;
	z-index: 300;
	top: 80px;
	left: 0; 
	width: 480px;
	height: 5px; 
}

.tab2 .glow {
	width: 100%;
	height: 77px;
	background-image: url('img/bg_tab_gradient.png');
	background-position: 0 -10px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.tab2 li {
	padding-top: 27px;
	height: 77px;
	float: left;
	color: #b0b6bc;
	font-size: 26px;
	text-align: center; 
	position: relative;
}

.tab2 li.on {
	background-color: #2c83a8;
	color: #fff;
}


.tab2 li.on .lineTab,
.tab2 li:last-child .lineTab{
	display: none;
}


.tab2.img {
	height: 97px;
}


.tab2.img li .lineTab{
	top: 5px;
	height: 85px;
}


.tab2.img .gradient {
	background-position: 0 0;
	height: 97px;
}

.tab2.img li {
	font-size: 24px;
	height: 32px; 
	padding-top: 65px;
}

.tab2.img li .icoTab{
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	height: 52px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.tab2 li .lineTab{
	position: absolute;
	top: 5px;
	right: 0;
	width: 2px;
	height: 65px;
	background: url('img/bg_tab_line.png') 0 0 no-repeat;
	opacity: 0.2;
}


.tab2.img li:nth-child(1) .icoTab{
	background-image: url('img/sample_tab1.png');
}

.tab2.img li:nth-child(2) .icoTab{
	background-image: url('img/sample_tab2.png');
}

.tab2.img li:nth-child(3) .icoTab{
	background-image: url('img/sample_tab3.png');
}

.tab2.img li:nth-child(4) .icoTab{
	background-image: url('img/sample_tab4.png');
}



.tab2.img li.on:nth-child(1) .icoTab{
	background-image: url('img/sample_tab1_on.png');
}

.tab2.img li.on:nth-child(2) .icoTab{
	background-image: url('img/sample_tab2_on.png');
}

.tab2.img li.on:nth-child(3) .icoTab{
	background-image: url('img/sample_tab3_on.png');
}

.tab2.img li.on:nth-child(4) .icoTab{
	background-image: url('img/sample_tab4_on.png');
}

*/

/* Tab Type3*/

.tab {
	width: 100%;
	height: 58px;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #313131;
	overflow: hidden; 
	position: relative; 
}

.tab.row2{
	height: 73px;
}
.tab.row2 li {
	line-height: 24px;
	padding-top: 15px;
	font-size: 24px;
}

.tab.row2 li .tabBorder {
	height: 73px;
}

.tab.row2 .glow{
	background-position: 0 -9px;
}

.tab .glow {
	width: 100%;
	height: 58px;
	background-image: url('img/bg_tab_gradient.png');
	background-position: 0 -20px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
}

.tab ul {
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.tab li {
	padding-left: 10px;
	padding-right: 10px;
	height: 58px;
	float: left;
	color: #fff;
	font-size: 28px;
	text-align: center; 
	position: relative;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c9c9c), to(#676767));
	line-height: 58px;
}

.tab .moreLeft.on, 
.tab .moreRight.on{
	display: block;
}

.tab .moreLeft{
	width: 27px;
	height: 71px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("img/tab_more_left.png") 0 0 no-repeat;
	z-index: 5;
	display: none;
}

.tab .moreRight{
	width: 27px;
	height: 71px;
	position: absolute;
	top: 0;
	right: 0;
	background: url("img/tab_more_right.png") 0 0 no-repeat;
	z-index: 5;
	display: none;
}

.tab li:last-child .tabBorder{
	border-right: none;
}

.tab li .tabBorder {
	height: 58px;
	border-right: 1px solid #616161;
	border-left: 1px solid #959595;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.35;
}

.tab li.on {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24618e), to(#07273f));
	color: #fff;
}

.tab li.on .tabBorder {
	display: none;
}

.tab .innerGrd {
	width: 100%;
	background: url('img/bg_tab_inner.png') 0 0 repeat-x;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.tab li.on .innerGrd {
	display: block;
}


/* TextPage */
.textPage { 
	padding: 20px;
}

.textPage .tit{ 
	margin-top: 20px;
	color: #7f0202;
	font-size: 28px;
	margin-bottom: 20px;
}

.textPage .desc{ 
	padding: 10px;
	background: #eee;
	-webkit-border-radius: 10px;
	color: #2b2b2b;
	font-size: 22px;
	line-height: 1.3em;
}



/* softkey */
.softkey {
	width: 480px; 
	position: absolute;
	bottom: 0;
	left:0;
	font-size: 28px;
	z-index: 200;
	float: left;
}



/* Type 1 */
.softkey.type1 {
	height: 70px;
	border-top: 1px solid #7d7d7d;
}

.softkey.type1 .shadow{
	position: absolute;
	bottom: 70px;
	background: url('img/bg_softkey1_shadow.png') 0 bottom repeat-x;
	height: 5px;
	left: 0;
	width: 480px;
	z-index: 201;
}

.softkey.type1 .normalList {
	height: 70px;
	width: 480px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
}



.softkey.type1 .back{
	width: 79px; height: 70px;
	background: url('img/btn_softkey_back.png') 50% 50% no-repeat;
	position: absolute;
	top: 0; 
	right: 0; 
	border-left: 1px solid #747574;
}

.softkey.type1 ul.keyList{
	float: right;
	margin-right: 80px;
}

.softkey.type1 ul.keyList li {
	text-align: center;
	line-height: 70px;
	color: #fff;
	float: left;
	border-right: 1px solid #444444;
	border-left: 1px solid #747574;
}

.softkey.type1 .focus {
	background: #327dac;	
}

.softkey.type1 ul.keyList li:first-child {
	border-left: none;
}

.softkey.type1 ul.moreList {
	z-index: 199;
	position: absolute; 
	left: 0;
	width: 480px;
	left: 0;
	float: left;
	-webkit-transition-property : bottom;
	-webkit-transition-duration : 0.3s;
	background-color: #5c5f61; 
	width: 480px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.softkey.type1 ul.moreList li {
	float: left;
	height: 68px;
	border-right: 1px solid #2e2f30;
	border-left: 1px solid #aeafb0;
	border-top: 1px solid #aeafb0;
	border-bottom: 1px solid #2e2f30;
	text-align: center; 
	line-height: 68px;
}

.softkey.type1 ul.moreList li:first-child {
	border-top: none;
	border-left: none;
}

.softkey.type1 ul.moreList li:nth-child(2) {
	border-top: none;
	border-right: none;
}

.softkey.type1 ul.moreList li:nth-child(odd) {
	border-left: none;
}

.softkey.type1 ul.moreList li:nth-child(even) {
	border-right: none;
}

.softkey.type1 ul.moreList li.oddLast {
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.softkey.type1 ul.moreList li.evenLast {
	border-bottom: none;
	border-right: none;
}

.softkey.type1 ul.moreList li.evenLast2 {
	border-bottom: none;
	border-left: none;
}


/* Type 2 */

.softkey.type2 {
	height: 69px;
}
.softkeyType2 {
	top: 658px	
	width: 100%;
	position: absolute;
	top: 0px;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.5, 0.1, 0.5, 0.1)
}

.softkeyType2 .shadow{
	position: absolute;
	top: -5px;
	background: url('img/bg_softkey1_shadow.png') 0 bottom repeat-x;
	height: 5px;
	left: 0;
	width: 480px;
	z-index: 11;
}

.softkeyType2.up .btnOpen { 
	display: block; 
}

.softkeyType2 .btnOpen {
	position: absolute; 
	top: -35px;
	height: 35px; 
	width: 100%;
	display: none;
	background-image: url('img/bg_softkey2_bar.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #191e21;
}

.softkeyType2 .btnOpen .softImg{
	display: block; 
	height: 40px; 
	width: 100%;
	background-image: url('img/softkey2_arr_up.png');
	background-position: center center;
	background-repeat: no-repeat;
	
}

.softkeyType2 .btnOpen .softImg.open{
	background-image: url('img/softkey2_arr_down.png') !important;
}
.softkeyType2 ul{
	width: 480px;
	overflow: hidden;
}
.softkeyType2 li { 
	float: left; 
	width: 159px; 
	height: 69px;
	border-right: 1px solid #191a1c;
	border-bottom: 1px solid #191a1c;
	border-top: 1px solid #e5e6e8;
	color: #fff;
	font-size: 30px; 
	background-color: #7c848b;
	text-align: center;
	line-height: 69px;
}


.softkeyType2 li:nth-child(3n-1) { 
	border-right: 1px solid #191a1c;
	border-left: 1px solid #e5e6e8;
	width: 158px;
}

.softkeyType2 li:nth-child(3n) { 
	border-right: none;
	border-left: 1px solid #e5e6e8;
	width: 159px; 
}

.softkeyType2 li:first-child { 
	border-left: none;
	border-top: none;
}

.softkeyType2 li:nth-child(2) { 
	border-top: none;
	width: 158px;
}

.softkeyType2 li:nth-child(3) { 
	border-right: none;
	border-top: none;
	border-left: 1px solid #e5e6e8;
	width: 159px;
}



/* Popup */

.popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 480px;
	height: 762px;
	display: none; 
}

.popCon {
	position: absolute;
	top: 20%;
	left: 30px;
	width: 420px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 10px;
	z-index: 70;
	color: #2f2f30;
	line-height: 28px;
	font-size: 24px;
	z-index: 500;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafb), to(#888e96));
	text-align: center;
}

.popCon .popConTxt {
	padding: 35px;
}

.popCon h2{
	font-size: 36px;
	color: #a6daff; 
	display: block; 
	margin-bottom: 20px; 
	font-weight: normal;
}

.popCon .btnArea {
	
	text-align: center;
	padding: 17px 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#979ca3), to(#71777f));
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	overflow: hidden;
}


/*    BusyIndicator    */

.busyIndicator {
	background-position: center center;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	-webkit-animation-name: busyIndicator ;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function : linear;
}

.busyIndicator.type1{
	background-image: url('img/busyindicator_1.png');
}

.busyIndicator.type2{
	background-image: url('img/busyindicator_2.png');
}

.busyIndicator.type3{
	background-image: url('img/busyindicator_3.png');
}

@-webkit-keyframes busyIndicator {
	 0% { -webkit-transform:rotate(0deg) }
	 100% { -webkit-transform:rotate(360deg) }
}

.busyIndicatorTxt {
	margin-top: 15px; 
	text-align: center; 
}



/*     Radio ( Draft )     */

.radioOn {
	background: url('img/radio_on.png') 0 0 no-repeat !important; 
}

.comRadio { 
	background: url('img/radio_off.png') 0 0 no-repeat; 
	position: absolute; 
	top: 30px;
	right: 20px;
	width: 44px;
	height: 44px; 
	display: block;
}


/* Page Control */
.pageControl {
	width: 480px;
	height: 58px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative; 
	overflow: hidden; 
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #323232;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7f7f7f), to(#4e4e4e));
}

.pageControl .glow {
	width: 100%;
	height: 60px;
	background: url('img/bg_title_gradient.png') 0 0 repeat-x;
	position: absolute; 
	top: 0;
	left: 0;
	display: none;
}

.pageControl ul {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	height: 60px;
}

.pageControl li {
	float: left;
	color: #fff;
	font-size: 30px;
	width: 480px;
	height: 58px;
	line-height: 58px;
	text-align: center; 
	display: none;
}

.pageControl li.cur {
	display: block;
}

.pageControl .arrLeft {
	position: absolute;
	width: 20px;
	height: 24px;
	background: url('img/arr_left.png') 0 0 no-repeat;
	top: 20px;
	left: 15px;
	display: block;
	z-index: 10;
}

.pageControl .arrRight {
	position: absolute;
	width: 20px;
	height: 24px;
	background: url('img/arr_right.png') 0 0 no-repeat;
	top: 20px;
	right: 15px;
	display: block;
	z-index: 10;
}


/* Button */
.btn {
	background: none; 
	border-width: 15px;
	-webkit-border-image: url('img/bg_btn1.png') 15 stretch stretch;
	text-align: center;
	color: #fff;
	font-size: 28px;
	width: 190px;
	font-family: gp_latin;
}

.btn.small {
	font-size: 20px;
}

.btn.focus {
	-webkit-border-image: url('img/bg_btn1_press.png') 15 stretch stretch;
}


/* transition */
/* SlideVertical */
@-webkit-keyframes slideVerOnCur {
	 0% { top: 0;}
	 100% { top: 100%; }
}

@-webkit-keyframes slideVerOnApp {
	 0% { top: -100%;}
	 100% {top: 0; }
}

@-webkit-keyframes slideVerOffCur {
	 0% { top: 0; }
	 100% { top: -100%;}
}

@-webkit-keyframes slideVerOffApp {
	 0% { top: 100%; }
	 100% { top: 0;}
}


.slideVerOnCur {	
	-webkit-animation-name: slideVerOnCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.slideVerOnApp {
	-webkit-animation-name: slideVerOnApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.slideVerOffCur {	
	-webkit-animation-name: slideVerOffCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.slideVerOffApp {
	-webkit-animation-name: slideVerOffApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


/* Slide Horizontal */
@-webkit-keyframes slideHorOnCur {
	 0% { left: 0;}
	 100% { left: -100%; }
}

@-webkit-keyframes slideHorOnApp {
	 0% { left: 100%;}
	 100% {left: 0; }
}

@-webkit-keyframes slideHorOffCur {
	 0% { left: 0; }
	 100% { left: 100%;}
}

@-webkit-keyframes slideHorOffApp {
	 0% { left: -100%; }
	 100% { left: 0;}
}

.slideHorOnCur {	
	-webkit-animation-name: slideHorOnCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;	
}



.slideHorOnApp {
	-webkit-animation-name: slideHorOnApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.slideHorOffCur {	
	-webkit-animation-name: slideHorOffCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.slideHorOffApp {
	-webkit-animation-name: slideHorOffApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}



/* Fade */

@-webkit-keyframes fadeOnCur {
	 0% { opacity : 1 }
	 100% { opacity : 0 }
}

@-webkit-keyframes fadeOnApp {
	 0% { opacity : 0 }
	 100% { opacity : 1 }
}

@-webkit-keyframes fadeOffCur {
	 0% { opacity : 1 }
	 100% { opacity : 0 }
}

@-webkit-keyframes fadeOffApp {
	 0% { opacity : 0 }
	 100% { opacity : 1 }
}

.fadeOnCur {	
	-webkit-animation-name: fadeOnCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.fadeOnApp {
	-webkit-animation-name: fadeOnApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.fadeOffCur {	
	-webkit-animation-name: fadeOffCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.fadeOffApp {
	-webkit-animation-name: fadeOffApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}



/* Pop */
@-webkit-keyframes popOnCur {
	 0% { -webkit-transform: scale(1) }
	 100% { -webkit-transform: scale(0.3) }
}

@-webkit-keyframes popOnApp {
	 0% { -webkit-transform: scale(0.3) }
	 100% { -webkit-transform: scale(1) }
}

@-webkit-keyframes popOffCur {
	 0% { -webkit-transform: scale(1) }
	 100% { -webkit-transform: scale(0.3) }
}

@-webkit-keyframes popOffApp {
	 0% { -webkit-transform: scale(0.3) }
	 100% { -webkit-transform: scale(1) }
}

.popOnCur {	
	-webkit-animation-name: popOnCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.popOnApp {
	-webkit-animation-name: popOnApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.popOffCur {	
	-webkit-animation-name: popOffCur ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}


.popOffApp {
	-webkit-animation-name: popOffApp ;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
}




/* Spin */
@-webkit-keyframes spinOnCur {
	 0% { -webkit-transform: rotate(0deg) scale(1); opacity : 1  }
	 100% { -webkit-transform: rotate(180deg) scale(0.3); opacity : 0 }
}

@-webkit-keyframes spinOnApp {
	 0% { -webkit-transform: rotate(180deg) scale(0.3); opacity : 0; }
	 100% { -webkit-transform: rotate(0deg) scale(1.0); opacity : 1 }
}

@-webkit-keyframes spinOffCur {
	 0% { -webkit-transform: rotate(0deg) scale(1); opacity : 1  }
	 100% { -webkit-transform: rotate(180deg) scale(0.3); opacity : 0 }
}

@-webkit-keyframes spinOffApp {
	 0% { -webkit-transform: rotate(180deg) scale(0.3); opacity : 0; }
	 100% { -webkit-transform: rotate(0deg) scale(1.0); opacity : 1 }
}

.spinOnCur {	
	-webkit-animation-name: spinOnCur ;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: 1;
}


.spinOnApp {
	-webkit-animation-name: spinOnApp ;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: 1;
}


.spinOffCur {	
	-webkit-animation-name: spinOffCur ;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: 1;
}


.spinOffApp {
	-webkit-animation-name: spinOffApp ;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: 1;
}

